<!--  -->
<template>
  <div class="Detail">
    <swiper>
    <swiper-item v-for="item in goods" :key="item">
      <a href="">
        <img :src="item" alt="" class="top_img">
      </a>
    </swiper-item>
   
    </swiper>
  </div>
</template>

<script>
import  {Swiper,SwiperItem} from "components/common/swiper"
export default {
  props:{
    goods:{
      type:Array,
      default(){
        return[]
      
    }
    }
  },
  components:{
    Swiper,SwiperItem
  }
}

</script>
<style scoped>
.Detail .top_img{
height: 300px;

}
</style>